
*{ color:#2E6E9E; }
 	
/*
 ############################### Style By TAG ####################################
*/

body { font-family: Verdana, Arial, sans-serif; font-size: 10pt; margin:0; padding:0; }
	
table{ width:100%;border-collapse:collapse;margin:0em 0; }
table.forList{ margin: 5px; width: 99%;}

th, td{ text-align:left;padding:.5em;border:0px solid #fff; }
th{ color:#E37708; }

table.forList th, table.forList td { padding:.2em; }
tr.selected td{ background:#ecfbd4; }

ul{ list-style-type: none; margin: 0; padding: 0; }
	
input[type="text"],input[type="password"]{ background-color: #DFEFFC; border-collapse:collapse; border-style: solid; border: 1px solid #4297D7; }

hr {
      border-top: 1px dashed #2E6E9E;
      border-bottom: 1px none #f00;
      
      color: #fff;
      background-color: #fff;
      margin: 0 5px;
    }

/*
 ############################### Style By CLASS ####################################
*/

.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
.menu-content { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.addButton{ margin-bottom: -7px;}
.divContentAjax{ min-height: 350px;}

.loading { width: 100%;	position: absolute; z-index: 10000; height: 100%;}
.loadingImg { background: url(images/spinner-2.gif) no-repeat 0 0; width: 120px; height: 130px; margin-top: 150px; margin-left: 44%; }

.tableDetails{ color:#2E6E9E; padding: 10px; margin: 10px 0; }

.tab{ min-height: 410px;}
.tab-button{ margin: 3px; padding: 0px !important; height: 25px;}

.ac_input{ background:url(images/autocomplete.gif) no-repeat 2px 2px; padding-left: 25px;}
    
.clear{ clear: both; }
.lower{ text-transform: lowercase;}
.upper{ text-transform: uppercase;}

/*
 ############################### Style By ID ####################################
*/

#tabs-student-by-grade{ min-height: 410px; }

#divMessage{ margin: 10px; }
#divMessage ul{ margin: 5px; }

#userStatus{ width: 26%; color:#2E6E9E; padding: 6px; text-align: right; min-height: 24px; }
#titleBar{ width: 70%; padding: 6px; color:#2E6E9E; }

#divHeader{margin: 10px;}
#divMenu{margin:10px;}
#divError{margin:10px;}
#divContent{margin:10px; min-height: 400px;}
#divFooter{margin:10px;}
#footerContent{padding: 6px;}

/*
 ############################### Style For FG MENU ####################################
*/

.fg-menu { height: auto !important; }
.fg-menu-container { font-size: 10pt; }

.fg-button { padding: 3px 10px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; }
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
    
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
    
.fg-button-icon-left { padding-left: 20px; }
.fg-button-icon-right { padding-right: 20px; margin-left: 5px; }
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }     /* solo icon buttons must have block properties for the text-indent to work */ 
    
.fg-menu-current{ height: auto !important; }
    
.fg-button.ui-state-loading .ui-icon { background: url(images/indicator.gif) no-repeat 0 0;}
    
